* {
    padding: 0;
    margin: 0;
}
ul {
    list-style: none;
}
.topHeader {
    width: 100%;
    line-height: 2.9867rem;
    display: flex;
    justify-content: space-between;
}
.topHeader p:nth-of-type(1) {
    width: 1.2267rem;
    margin-left: .88rem;
    background: url('../image/img3/today-return.png')center/100% no-repeat;
}

.topHeader h1 {
    color: #323232;
    font-size: .9333rem;
}
.topHeader p:nth-of-type(2) {
    width: 1.2267rem;
    margin-right: .88rem;
    background: url('../image/img3/today-menu.png')center/100% no-repeat;
    
}
.topPic {
    position: relative;
}
.topPic img {
    width: 100%;
    display: block;
}
.topNav {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}
.topNav div {
    background: rgba(76, 15, 15, .6);
    border-radius: 2rem;
    border: 1px solid #d5acaa;
    box-sizing: border-box;
    display: flex;
    width: 7.2533rem;
    margin: auto;
    line-height: 1.12rem;
}
.topNav div span:nth-child(1),.topNav div span:nth-child(3) {
    width: 2.3893rem;
    text-align: center;
    color: #fff;
    font-size: .672rem;
    box-sizing: border-box;
}
.topNav div span:nth-child(2) {
    display: block;
    width: 2.3893rem;
    text-align: center;
    color: #000;
    font-size: .672rem;
    background-color: #fff;
    border-radius: 2rem;
    box-sizing: border-box;
}
.all {
    background: #fc5253;
    margin-bottom: 2.6667rem;
}
.activeUpdate {
    padding: .2rem 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    position: relative;
}
.activeUpdate p:nth-of-type(1) {
    background: rgba(255, 255, 255, .6);
    border-radius: 1.0667rem;
    padding: 0 .2667rem;
    font-size: .5973rem;
    color: #323232;
}
.activeUpdate p:nth-of-type(2) {
    font-size: .5973rem;
    position: absolute;
    right: .8rem;
}
.textMenu {
    font-size: .7467rem;
    padding: .5333rem 0;
    overflow-x: hidden;
    position: relative;
    height: 2.2139rem;
}
.textMenu::-webkit-scrollbar {
    display: none;
}
.textBox1 {
    display: flex;
    line-height: 2.2139rem;
    width: 162%;
    
}
.textBox1 div {
    text-align: center;
    width: 5.4rem;
    padding-right: .896rem;
    box-sizing: border-box;
    transition: all 0s;
    
}
.one,.three,.five {
    background: url('../image/img3/box1-1.png')center/100% no-repeat;
}
.two,.four,.six {
    background: url('../image/img3/box1-2.png')center/100%no-repeat;
}
.giftText {
    margin: 0 0 .2rem;
    height: 1.4933rem;
    position: relative;
    display: flex;
}
.giftText div:nth-of-type(1) {
    padding: .1067rem 1.0667rem;
    font-size: .7467rem;
    color: #fff;
    background: #fe3d25;
    position: absolute;
    left: 10%;
    border-radius: 1rem;
    box-shadow: 0 0 2px #71180d;
    ;
}
.giftText div:nth-of-type(2) {
    padding: .1067rem 1.0667rem;
    font-size: .7467rem;
    color: #fff;
    background: #fe3d25;
    position: absolute;
    right: 10%;
    border-radius: 1rem;
    box-shadow: 0 0 2px #71180d;
    ;
}
.bgTitle {
    width: 100%;
    background: url('../image/img3/toder-header1.png')center/100% no-repeat;
    margin-top: 1%;
    line-height: 1.792rem;
    font-size: .9707rem;
    font-weight: 600;
    text-align: center;
}



.bgTitleText {
    width: 100%;
    overflow: hidden;
}
.bgdiv1,.bgdiv2,.bgdiv3 {
    width: 43.2rem;
    display: flex;
}
.mgdiv1 {
    overflow-x: hidden;
}
.bgTitleText div::-webkit-scrollbar {
    display: none;
}
.hot {
    padding: 1% 2%;
}
.hot li {
    width: 33.3%;
    padding: 0.8%;
    box-sizing: border-box;
}
.bgTitleText img {
    width: 5.4rem;
    height: auto;
    border-radius: 0.7rem;
    padding: 0 .1493rem;
    box-sizing: border-box;
}
.mgdiv1,.mgdiv2,.mgdiv3 {
    padding: .2rem;
}
.hot {
    display: flex;

}
.hot li {
    width: 33.33%;
    text-align: center;
    position: relative;
    padding: 0.8%;
    box-sizing: border-box;
    border-radius: 0.5rem;
    overflow: hidden;
}
.hot li:nth-of-type(1) {
    background: url('../image/img3/hot2-1.png')0 -0.2667rem/100% no-repeat;

}
.hot li:nth-of-type(2) {
    background: url('../image/img3/hot2-2.png')0 -0.2667rem/100% no-repeat;

}
.hot li:nth-of-type(3) {
    background: url('../image/img3/hot2-3.png')0 -0.2667rem/100% no-repeat;

}
.hotCenter {
    width: 80%;
    position: relative;
    border-radius: 1.2rem;
    overflow: hidden;
    background: #fff;
    padding: 5%;
    border: 1px #c4c4c4 solid;
    box-sizing: border-box;
    display: inline-block;
    margin-top: .1067rem;
}
.hotCenter img{
    width: 100%;
    height: 4.16rem;
    border-radius: .5333rem;
}

.hotCenter p {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    color: #6b6b6b;
    background: #e0e0e0;
    width: 79%;
    padding: .0533rem 0rem;
    border-radius: 2rem;
    font-size: .5973rem;
}
.hotTitle {
    font-size: .7467rem;
    margin-top: -0.2133rem;
}
.hotText {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .448rem .224rem;
}
.hotText a {
    display: block;
    line-height: 1.4933rem;
}
.hotText li {
    text-align: center;
    flex: 0 0 31.33%;
    background: linear-gradient(90deg, #fffffd, #ffef7f);
    border-radius: 1.5rem;
    margin: 1%;
    overflow: hidden;
    font-size: .7467rem;
    box-sizing: border-box;
}
.popularBook {
    width: 100%;
}
.popularTitle {
    background: url('../image/img3/popular1.png')center/100%;
    width: 100%;
    line-height: 1.6427rem;
    text-align: center;
    font-size: 1.0453rem;
    color: #000;
    font-weight: 600;
}
.popularText {
    background: url('../image/img3/popular2.png')center/100%;
    padding: 0.7rem 0 1.5rem;

}
.popularText ul {
    display: flex;
    flex-wrap: wrap;
    list-style: armenian;
    justify-content: center;
}
.popularText ul li {
    width: 9.0048rem;
    padding: .0533rem .32rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .7467rem;
    position: relative;
}
.popularText ul li::before {
    content: "";
    position: absolute;
    width: .16rem;
    height: .16rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ff4c7a;
    border-radius: 50%;
}
.moreBook {
    width: 100%;
    margin-bottom: .4267rem;
}
.moreBook p {
    font-size: .7467rem;
    color: #ff4c7a;
    background: linear-gradient(90deg, #ffdf71, #fff3d0);
    border-radius: .8rem;
    padding: 0 0 0 .5333rem;
    width: 4.2667rem;
    margin: auto;

}
.popularAddresses {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.popularAddresses li:nth-of-type(1) {
    width: 24%;
    margin-left: 25%;
}
.popularAddresses li:nth-of-type(2) {
    width: 24%;
    margin-right: 25%;
}
.popularAddresses li {
    width: 24%;
    height: 1.6rem;
    margin: .3733rem .0533rem .16rem;
    overflow: hidden;
    font-size: .5973rem;
    text-align: center;
    line-height: 1.6rem;
    
    
}
.popularAddresses li:nth-of-type(1) {
    background: url('../image/img3/bj1.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(2) {
    background: url('../image/img3/sh1.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(3) {
    background: url('../image/img3/hd.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(4) {
    background: url('../image/img3/xn.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(5) {
    background: url('../image/img3/db.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(6) {
    background: url('../image/img3/hn.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(7) {
    background: url('../image/img3/hs.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(8) {
    background: url('../image/img3/kg.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(9) {
    background: url('../image/img3/hb.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(10) {
    background: url('../image/img3/ct.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(11) {
    background: url('../image/img3/cy.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(12) {
    background: url('../image/img3/xc.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(13) {
    background: url('../image/img3/travelpng.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.popularAddresses li:nth-of-type(14) {
    background: url('../image/img3/travel_2.png');
    background-position: 0px -9px;
    background-size: 99%;
    background-repeat: no-repeat;
}
.bflists {
    width: 100%;
    height: auto;
}
.bflists img {
    width: 100%;
    height: auto;
}
.bottomBfOne {
    width: 100%;
    overflow: hidden;
    height: 4.7467rem;
}
.bottomBf,.bottomBf2 {
    width: 100%;
    /* transition: all .2s ease-out; */
}
.bottomBfLists,.bottomBfLists2 {
    display: flex;
    
}
.bottomBfLists li,.bottomBfLists2 li {
    width: 10.24rem;
    height: 4.3835rem;
    /* width: 10.24rem; */
    
}
.bottomBfLists li:nth-of-type(2),.bottomBfLists2 li:nth-of-type(2) {
    width: 11.04rem;
    height: 4.7259rem;
    /* transform: scale(1.06);
    transition: all .2s ease-out; */
}
.bottomBfLists li:nth-of-type(3),.bottomBfLists2 li:nth-of-type(3) {
    margin-left: .8rem;
    margin-top: .1709rem;
}
.bottomBfLists li img,.bottomBfLists2 li img {
    height: 100%;
}
.bottomBfTwo {
    width: 100%;
    margin-top: .8rem;
    overflow-x: scroll;
}
.bottomBfTwo::-webkit-scrollbar {
    display: none;
}
.bottomBfTwoLists {
    display: flex;
}
.bottomBfTwoList {
    width: 6.8rem;
    margin-left: .224rem;
    background: #fff;
    padding: .2667rem 0 0;
    border: 1px solid #FFF;
    text-align: center;
    box-sizing: border-box;
    border-radius: .4267rem;
}
.bottomBfTwoList div {
    background: #013398;
    text-align: center;
    font-size: .5973rem;
    color: #fff;
    width: 6.5067rem;
    height: 2.4rem;
    padding: .1493rem 0;
    
    border-bottom-right-radius: .4267rem;
    border-bottom-left-radius: .4267rem;
}
.bottomBfTwoList img {
    width: 4.8rem;
}
.bottomBfTwoList div p:nth-of-type(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bottomBfTwoList div p:nth-of-type(2) {
    color: #fff8ad;
    background: #eb6c49;
    width: 4.9328rem;
    margin: auto;
    margin-top: .2667rem;
    line-height: .896rem;
    border-radius: .8rem;
}
.recommend {
    width: 100%;
    background: url('../image/img3/title2.png')center/100% no-repeat;
    text-align: center;
    font-size: 1.0453rem;
    margin-top: .8rem;
    line-height: 1.792rem;
    font-weight: 600;
}
.novel {
    width: 100%;
    background: url('../image/img3/title2.png')center/100% no-repeat;
    text-align: center;
    font-size: 1.0453rem;
    line-height: 1.792rem;
    font-weight: 600;
    position: relative;
    margin-top: .2667rem;
}
.novel p:nth-of-type(2) {
    position: absolute;
    right: .5333rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .672rem;
    background: linear-gradient(90deg, #fff, #fff093);
    line-height: 1.12rem;
    font-weight: 400;
    padding: 0 1.1733rem 0 .5333rem;
    border-radius: .5333rem;
}
.novel p:nth-of-type(2) em {
    position: absolute;
    width: .7467rem;
    height: .7467rem;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: .2133rem;
}
.novel p:nth-of-type(2) em::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border: .16rem transparent solid;
    border-left-color: #ff4478;
    left: 40%;
    top: 50%;
    transform: translate(0%, -50%);
    border-left-width: .2667rem;
}
.author {
    width: 100%;
    padding: 1% 2%;
    background: #ffbf60;
    box-sizing: border-box;
}
.author ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
}
.author ul li {
    width: 33.33%;
    padding: 1% 2%;
    box-sizing: border-box;
    color: #282828;
    font-size: .7467rem;
}
.novelText {
    width: 100%;
    padding: .5227rem .66rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    background: #fff;
}
.novelText li {
    width: 31.43%;
    position: relative;
    margin-bottom: .5333rem;
}
.novelText li img {
    width: 100%;
}
.novelIntro {
    font-size: .64rem;
    margin-top: .4267rem;
    color: #474E5D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.novelDate {
    display: flex;
    align-items: center;
    font-size: .5227rem;
    margin-top: .224rem;
}
.novelDate p {
    margin-right: .2987rem;
    padding: 0 .0747rem;
    border-radius: .1067rem;
}
.novelDate p:nth-of-type(1) {
    color: #f2303c;
    border: 1px solid #f2303c;
    
    
}
.novelDate p:nth-of-type(2) {
    background: #f2303c;
    color: #fff;
}
.novelDate p:nth-of-type(3) {
    background: #f2303c;
    color: #fff;
}
.novelPrice {
    margin-top: .32rem;
    font-size: .64rem;
    color: #f2303c;
}
.eBook {
    font-size: .48rem;
    margin-top: .48rem;
    line-height: .552rem;
    color: #ff6d34;
    display: flex;
    align-items: center;
}
.eBook i {
    background: url('../image/img3/novelGo1-2.png')center/100% no-repeat;
    width: .2987rem;
    height: .3413rem;
    margin-right: .1493rem;
    display: inline-block;
}
.novelGo {
    background: url('../image/img3/novelGo1-1.png')center/100% no-repeat;
    position: absolute;
    width: 1.3333rem;
    height: 1.3333rem;
    right: 0;
    bottom: 0;
}
















.toTop {
    width: 2.1333rem;
    height: 2.1333rem;
    position: fixed;
    bottom: 2.6667rem;
    right: 1.0667rem;
    display: none;
}
.toTop img {
    width: 100%;
    height: 100%;
}
.bottomNav {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fe545e;
    display: flex;
}
.bottomNav div {
    width: 20%;
}
.bottomNav div img {
    width: 100%;
}



.topNavHead {
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    background: #fff;
}
.topNavHeadLists {
    width: 90%;
    overflow-x: scroll;
}
.topNavHeadLists::-webkit-scrollbar {
    display: none;
}
.topNavHeadLists ul {
    width: 672%;
    display: flex;
}
.topNavHeadLists ul li {
    width: 4.48rem;
    font-size: .7467rem;
    text-align: center;
    line-height: 2.8rem;
    color: #878890;
}

.topNavHeadClick {
    width: 10%;
    position: relative;
}
.topNavHeadClick div{
    background: url('../image/img3/novellists.png')center/100% no-repeat;
    width: .8059rem;
    height: .4667rem;
    position: absolute;
    top: 1.1733rem;
    right: .1067rem;

}
.arr {
    color: #282828 !important;
}

.brr {
    flex-wrap: wrap;
    width: 100% !important;
}
.crr {
    transform: rotateZ(180deg);
}